<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩公益</title>
    <link rel="stylesheet" href="./css/rlb4.css">
</head>

<body>
    <nav>
        <div class="head">
            <img src="image\new-logo.png" alt="" width="120px" style="position: relative;top: 3px;">
            <img src="./image/favicon.ico" alt="" width="18px" style="margin-left: 30px;position: relative;top: 3px;">
            <span>主站</span>
            <input type="search" name="" id="" placeholder="文物">
            <button class="one-box"><a href="#"><span>登录</span></a></button>
            <button class="two-box"><a href="#"><span>公益机构入口</span></a></button>
        </div>
    </nav>
    <div class="content">

        <div class="sidebar">
            <div class="left-sidebar">
                <ul>
                    <li>平台累计数据</li>
                    <li>帮助过的公益项目</li>
                    <li>
                        <span>103</span>
                        <span>个</span>
                    </li>
                    <li>历史善款总额</li>
                    <li>
                        <span>28，737，522.29</span>
                        <span>元</span>
                    </li>
                    <li>历史捐款人次</li>
                    <li>
                        <span>1121774</span>
                        <span>次</span>
                    </li>
                </ul>
            </div>
            <div class="right-sidebar">
                <img src="image\bb01505b82488c8b8d3a45aa9a9865ae7cd26b4f.jpg@740w_250h_1c.webp" alt="">
            </div>
            
        </div>
<div class="float">
                <a href="#"><img src="image\客服图片.png" alt=""></a>
                <a href="#"><p>客服</p></a>
            </div>
        <main>
            <div class="left">
                <div class="one">
                    <h2>今日推荐</h2>
                    <div class="first">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>

                    </div>
                </div>
                <div class="two">
                    <h2>今日推荐</h2>
                    <div class="first">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>

                    </div>
                </div>
                <div class="three">
                    <h2>今日推荐</h2>
                    <div class="first">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>

                    </div>
                </div>

                <div class="four">
                    <h2>今日推荐</h2>
                    <div class="first">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>

                    </div>
                </div>
                <div class="five">
                    <h2>今日推荐</h2>
                    <div class="first">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>
                    </div>
                    <div style="margin-left: 10px;">
                        <img src="image\2042b5d718a831816eae400839d5ada358c4644e.jpg@474w_266h_1c.webp" alt=""
                            width="237px" height="133px">
                        <p>罕见病医疗援助工程</p>
                        <p>北京病痛挑战公益基金会</p>
                        <p><span>筹款目标<span>632，165.41元/750，000.00元</span></p>
                        <div class="blank">
                            <div class="blank-box"></div>
                        </div>

                    </div>
                </div>
                <button><a href="#">查看全部项目</a></button>
            </div>
            <div class="right">
                <h2>公益总览</h2>
                <div class="one-right">
                    <div>
                        <img src="image\公益右栏图标1.png" alt="" width="36px">
                        <p>全部项目</p>
                    </div>
                    <div>
                        <img src="image\公益右栏图标2.png" alt="" width="36px">
                        <p>我的公益</p>
                    </div>
                    <div>
                        <img src="image\公益右栏图标3.png" alt="" width="36px">
                        <p>公益活动</p>
                    </div>
                    <div>
                        <img src="image\公益右栏图标4.png" alt="" width="36px">
                        <p>公益视频</p>
                    </div>
                    <div>
                        <img src="image\公益右栏图标5.png" alt="" width="36px">
                        <p>教育项目</p>
                    </div>
                </div>
                <div class="two-right">
                    <h2>公益专栏</h2>
                    <ul>
                        <li>哔哩哔哩公益平台介绍及常见问题</li>
                        <li>一道菜，千斤爱！爱心UP主们又双叒</li>
                        <li>不管几岁，她们老了也好看</li>
                        <li>山坡上的美育课：让你看到世界，</li>
                    </ul>
                </div>
                <div class="three-right">
                    <h2>公益视频</h2>
                    <img src="image\公益视频1.webp" alt="" width="237px" height="133px">

                    <div>
                        <img src="image\00.webp" alt="" width="36px" style="border-radius: 50px;">
                    </div>
                    <b>摇头晃脑的小猫头鹰，也太可爱了吧～</b>
                    <p>空白</p>
                    <img src="image\公益视频1.webp" alt="" width="237px" height="133px">

                    <div>
                        <img src="image\00.webp" alt="" width="36px" style="border-radius: 50px;">
                    </div>
                    <b>摇头晃脑的小猫头鹰，也太可爱了吧～</b>
                    <p>空白</p>
                    <img src="image\公益视频1.webp" alt="" width="237px" height="133px">

                    <div>
                        <img src="image\00.webp" alt="" width="36px" style="border-radius: 50px;">
                    </div>
                    <b>摇头晃脑的小猫头鹰，也太可爱了吧～</b>
                    <p>空白</p>
                    <img src="image\公益视频1.webp" alt="" width="237px" height="133px">

                    <div>
                        <img src="image\00.webp" alt="" width="36px" style="border-radius: 50px;">
                    </div>
                    <b>摇头晃脑的小猫头鹰，也太可爱了吧～</b>
                    <p>空白</p>

                </div>
            </div>
        </main>
    </div>
    <footer>
        <div style="background-color: #f6f7f8;height: 600px;margin-top: 50px;">
            <div class="top" style="height: 180px;">
                <div style="width:300px;float: left;height: 180px;
                        padding: 60px 40px 30px;line-height: 30px;">
                    <p style="font-size: 14px;color: #666666;">bilibili</p>
                    <p style="font-size: 14px;"><span>关于我们</span>
                        <a href="#"><span>联系我们</span></a>
                        <a href="#"><span>用户协议</span></a>
                        <a href="#"><span>加入我们</span></a>
                        <a href="#"><span>友情链接</span></a>
                        <a href="#"><span>隐私政策</span></a>
                        <a href="#"><span>bilibili认证</span></a>
                        <a href="#"><span>investor</span></a>
                        <a href="#"><span>Relations</span></a>
                    </p>
                </div>
                <div style="width:400px;float: left;height: 180px;margin-left:20px;
                           padding: 60px 40px 30px;line-height: 30px;">
                    <p style="font-size: 14px;color: #666666;">传送门</p>
                    <p style="font-size: 15px;"><span>协议汇总</span>
                        <a href="#"><span>活动中心</span></a>
                        <a href="#"><span>活动专题库</span></a>
                        <a href="#"><span>侵权申诉</span></a>
                        <a href="#"><span>帮助中心</span></a>
                        <a href="#"><span>社区中心</span></a>
                        <a href="#"><span>壁纸站</span></a>
                        <a href="#"><span>广告合作</span></a>
                        <a href="#"><span>名人堂</span></a>
                        <a href="#"><span>MCN管理中心</span></a>
                        <a href="#"><span>高级弹幕</span></a>
                        <a href="#"><span>品牌号官网</span></a>
                    </p>
                </div>
                <div class="top-box" style="width:540px;float: right;height: 180px; padding: 40px 10px 30px;">
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\下载-APP.png" alt="" width="40px" height="40px">
                        <p style="text-align: center;">下载APP</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\公益.png" alt="" width="40px" height="40px">
                        <p>公益</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\官方微博.png" alt="" width="40px" height="40px">
                        <p>官方微博</p>
                    </div>
                    <div style="float: left;margin-left: 30px;">
                        <img src="image\官方微信-考研招生在线.png" alt="" width="40px" height="40px">
                        <p>官方微信</p>
                    </div>
                </div>
            </div>
            <hr style="width: 1100px;margin: 0 auto;color: #666666;">
            <div class="bottom" style="height: 400px;text-align: center;padding: 30px;">
                <p><a href="#"><span>营业执照信息网络传播视听节目许可证：0910417网络文化经营许可证
                            沪网文【2022】1848-115号广播电视节目制作经营许可证：（沪）字第01248号增值电信业务经营许可证 沪B2-20100043</span></a></p>
                <p><a href="#"><span>互联网ICspan备案：沪ICspan备13002172号-3出版物经营许可证 沪批字第U6699 号互联网药品信息服务资格证
                            沪-非经营性-2022-0011营业性演出许可证 沪市文演（经）00-2253 |
                        </span></a></p>
                <p><a href="#"><span>不良信息举报邮箱：helspan@bilibili.com涉未成年举报邮箱：teenspanrotect@bilibili.com不良信息举报电话：4006262233转3上海互联网举报中心
                            |12345政务服务便民热线 |</span></a></p>
                <p><a href="#"><span>沪公网安备31011002002436号 |儿童色情信息举报专区 |扫黄打非举报</span></a></p>
                <p><a href="#"><span>网信算备310110764385705230011号网信算备310110764385702230013号</span></a></p>
                <p><a
                        href="#"><span>网上有害信息举报专区：中国互联网违法和不良信息举报中心亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</span></a>
                </p>
                <p><a href="#"><span>公司名称：上海宽娱数码科技有限公司 |公司地址：上海市杨浦区政立路489号 |电话：021-25099888</span></a></p>
                <img src="image\hezuojigou.png" alt="" width="100px" height="40px">
                <img src="image\kankanxinwen.png" alt="" width="100px" height="40px" style="margin-left: 15px;">
                <img src="image\96211.png" alt="" width="100px" height="40px" style="margin-left: 15px;">
            </div>
        </div>
    </footer>
</body>

</html>